<!doctype html>
<html lang="en" data-color-mode="dark">
<head>
<meta charset="utf-8">
<title>Colors Named 备忘清单
 &#x26;  colors-named cheatsheet &#x26;  Quick Reference</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta description="Colors Named 备忘清单
===

CSS 定义了一大组命名颜色，以便可以更轻松地编写和阅读常用颜色，这里列出了它的颜色名称/Hex rgb/十进制 rgb 数据，为开发人员分享快速参考备忘单。">
<meta keywords="colors-named,reference,Quick,Reference,cheatsheet,cheat,sheet">
<link rel="icon" href="data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%221em%22%20width%3D%221em%22%3E%20%3Cpath%20d%3D%22m21.66%2010.44-.98%204.18c-.84%203.61-2.5%205.07-5.62%204.77-.5-.04-1.04-.13-1.62-.27l-1.68-.4c-4.17-.99-5.46-3.05-4.48-7.23l.98-4.19c.2-.85.44-1.59.74-2.2%201.17-2.42%203.16-3.07%206.5-2.28l1.67.39c4.19.98%205.47%203.05%204.49%207.23Z%22%20fill%3D%22%23c9d1d9%22%2F%3E%20%3Cpath%20d%3D%22M15.06%2019.39c-.62.42-1.4.77-2.35%201.08l-1.58.52c-3.97%201.28-6.06.21-7.35-3.76L2.5%2013.28c-1.28-3.97-.22-6.07%203.75-7.35l1.58-.52c.41-.13.8-.24%201.17-.31-.3.61-.54%201.35-.74%202.2l-.98%204.19c-.98%204.18.31%206.24%204.48%207.23l1.68.4c.58.14%201.12.23%201.62.27Zm2.43-8.88c-.06%200-.12-.01-.19-.02l-4.85-1.23a.75.75%200%200%201%20.37-1.45l4.85%201.23a.748.748%200%200%201-.18%201.47Z%22%20fill%3D%22%23228e6c%22%20%2F%3E%20%3Cpath%20d%3D%22M14.56%2013.89c-.06%200-.12-.01-.19-.02l-2.91-.74a.75.75%200%200%201%20.37-1.45l2.91.74c.4.1.64.51.54.91-.08.34-.38.56-.72.56Z%22%20fill%3D%22%23228e6c%22%20%2F%3E%20%3C%2Fsvg%3E" type="image/svg+xml">
<link rel="stylesheet" href="..\style\style.css">
<link rel="stylesheet" href="..\style\katex.css">
</head>
<body><nav class="header-nav"><div class="max-container"><a href="..\index.html" class="logo"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" height="1em" width="1em">
  <path d="m21.66 10.44-.98 4.18c-.84 3.61-2.5 5.07-5.62 4.77-.5-.04-1.04-.13-1.62-.27l-1.68-.4c-4.17-.99-5.46-3.05-4.48-7.23l.98-4.19c.2-.85.44-1.59.74-2.2 1.17-2.42 3.16-3.07 6.5-2.28l1.67.39c4.19.98 5.47 3.05 4.49 7.23Z" fill="#c9d1d9"></path>
  <path d="M15.06 19.39c-.62.42-1.4.77-2.35 1.08l-1.58.52c-3.97 1.28-6.06.21-7.35-3.76L2.5 13.28c-1.28-3.97-.22-6.07 3.75-7.35l1.58-.52c.41-.13.8-.24 1.17-.31-.3.61-.54 1.35-.74 2.2l-.98 4.19c-.98 4.18.31 6.24 4.48 7.23l1.68.4c.58.14 1.12.23 1.62.27Zm2.43-8.88c-.06 0-.12-.01-.19-.02l-4.85-1.23a.75.75 0 0 1 .37-1.45l4.85 1.23a.748.748 0 0 1-.18 1.47Z" fill="#228e6c"></path>
  <path d="M14.56 13.89c-.06 0-.12-.01-.19-.02l-2.91-.74a.75.75 0 0 1 .37-1.45l2.91.74c.4.1.64.51.54.91-.08.34-.38.56-.72.56Z" fill="#228e6c"></path>
</svg>
<span class="title">Quick Reference</span></a><div class="menu"><a href="javascript:void(0);" class="searchbtn" id="searchbtn"><svg xmlns="http://www.w3.org/2000/svg" height="1em" width="1em" viewBox="0 0 18 18">
  <path fill="currentColor" d="M17.71,16.29 L14.31,12.9 C15.4069846,11.5024547 16.0022094,9.77665502 16,8 C16,3.581722 12.418278,0 8,0 C3.581722,0 0,3.581722 0,8 C0,12.418278 3.581722,16 8,16 C9.77665502,16.0022094 11.5024547,15.4069846 12.9,14.31 L16.29,17.71 C16.4777666,17.8993127 16.7333625,18.0057983 17,18.0057983 C17.2666375,18.0057983 17.5222334,17.8993127 17.71,17.71 C17.8993127,17.5222334 18.0057983,17.2666375 18.0057983,17 C18.0057983,16.7333625 17.8993127,16.4777666 17.71,16.29 Z M2,8 C2,4.6862915 4.6862915,2 8,2 C11.3137085,2 14,4.6862915 14,8 C14,11.3137085 11.3137085,14 8,14 C4.6862915,14 2,11.3137085 2,8 Z"></path>
</svg><span>搜索</span><span>⌘K</span></a><a href="https://github.com/jaywcjlove/reference/blob/main/docs/colors-named.md" class="" target="__blank"><svg viewBox="0 0 36 36" fill="currentColor" height="1em" width="1em"><path d="m33 6.4-3.7-3.7a1.71 1.71 0 0 0-2.36 0L23.65 6H6a2 2 0 0 0-2 2v22a2 2 0 0 0 2 2h22a2 2 0 0 0 2-2V11.76l3-3a1.67 1.67 0 0 0 0-2.36ZM18.83 20.13l-4.19.93 1-4.15 9.55-9.57 3.23 3.23ZM29.5 9.43 26.27 6.2l1.85-1.85 3.23 3.23Z"></path><path fill="none" d="M0 0h36v36H0z"></path></svg><span>编辑</span></a><button id="darkMode" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="light" height="1em" width="1em">
  <path d="M6.995 12c0 2.761 2.246 5.007 5.007 5.007s5.007-2.246 5.007-5.007-2.246-5.007-5.007-5.007S6.995 9.239 6.995 12zM11 19h2v3h-2zm0-17h2v3h-2zm-9 9h3v2H2zm17 0h3v2h-3zM5.637 19.778l-1.414-1.414 2.121-2.121 1.414 1.414zM16.242 6.344l2.122-2.122 1.414 1.414-2.122 2.122zM6.344 7.759 4.223 5.637l1.415-1.414 2.12 2.122zm13.434 10.605-1.414 1.414-2.122-2.122 1.414-1.414z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" class="dark" height="1em" width="1em">
  <path d="M12 11.807A9.002 9.002 0 0 1 10.049 2a9.942 9.942 0 0 0-5.12 2.735c-3.905 3.905-3.905 10.237 0 14.142 3.906 3.906 10.237 3.905 14.143 0a9.946 9.946 0 0 0 2.735-5.119A9.003 9.003 0 0 1 12 11.807z"></path>
</svg>
</button><script src="../js/dark.js?v=1.4.1"></script><a href="https://github.com/jaywcjlove/reference" class="" target="__blank"><svg viewBox="0 0 16 16" fill="currentColor" height="1em" width="1em"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"></path></svg></a></div></div></nav><div class="wrap h1body-exist max-container"><header class="wrap-header h1wrap"><h1 id="colors-named-备忘清单"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" height="1em" width="1em" viewBox="0 0 24 24">
  <path d="M19.54 5.08A10.61 10.61 0 0 0 11.91 2a10 10 0 0 0-.05 20 2.58 2.58 0 0 0 2.53-1.89 2.52 2.52 0 0 0-.57-2.28.5.5 0 0 1 .37-.83h1.65A6.15 6.15 0 0 0 22 11.33a8.48 8.48 0 0 0-2.46-6.25Zm-12.7 9.66a1.5 1.5 0 1 1 .4-2.08 1.49 1.49 0 0 1-.4 2.08ZM8.3 9.25a1.5 1.5 0 1 1-.55-2 1.5 1.5 0 0 1 .55 2ZM11 7a1.5 1.5 0 1 1 1.5-1.5A1.5 1.5 0 0 1 11 7Zm5.75.8a1.5 1.5 0 1 1 .55-2 1.5 1.5 0 0 1-.55 2Z"></path>
</svg>
<a aria-hidden="true" tabindex="-1" href="#colors-named-备忘清单"><span class="icon icon-link"></span></a>Colors Named 备忘清单</h1><div class="wrap-body">
<p>CSS 定义了一大组<a href="https://www.w3.org/TR/css-color-4/#named-colors">命名颜色</a>，以便可以更轻松地编写和阅读<a href="https://www.w3.org/TR/css-color-4/#named-colors">常用颜色</a>，这里列出了它的颜色名称/Hex rgb/十进制 rgb 数据</p>
</div></header><div class="menu-tocs"><div class="menu-btn"><svg aria-hidden="true" fill="currentColor" height="1em" width="1em" viewBox="0 0 16 16" version="1.1" data-view-component="true">
  <path fill-rule="evenodd" d="M2 4a1 1 0 100-2 1 1 0 000 2zm3.75-1.5a.75.75 0 000 1.5h8.5a.75.75 0 000-1.5h-8.5zm0 5a.75.75 0 000 1.5h8.5a.75.75 0 000-1.5h-8.5zm0 5a.75.75 0 000 1.5h8.5a.75.75 0 000-1.5h-8.5zM3 8a1 1 0 11-2 0 1 1 0 012 0zm-1 6a1 1 0 100-2 1 1 0 000 2z"></path>
</svg></div><div class="menu-modal"><a aria-hidden="true" class="leve2 tocs-link" data-num="2" href="#named-colors">Named Colors</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#颜色列表">颜色列表</a><a aria-hidden="true" class="leve2 tocs-link" data-num="2" href="#hsl-颜色示例">HSL 颜色示例</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#0-reds">0° Reds</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#30-reds-yellows-oranges">30° Reds-Yellows (=Oranges)</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#60-yellows">60° Yellows</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#90-yellow-greens">90° Yellow-Greens</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#120-greens">120° Greens</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#150-green-cyans">150° Green-Cyans</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#180-cyans">180° Cyans</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#210-cyan-blues">210° Cyan-Blues</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#240-blues">240° blues</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#270-blue-magentas">270° Blue-Magentas</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#300-magentas">300° Magentas</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#330-magenta-reds">330° Magenta-Reds</a><a aria-hidden="true" class="leve2 tocs-link" data-num="2" href="#另见">另见</a></div></div><div class="h1wrap-body"><div class="wrap h2body-exist"><div class="wrap-header h2wrap"><h2 id="named-colors"><a aria-hidden="true" tabindex="-1" href="#named-colors"><span class="icon icon-link"></span></a>Named Colors</h2><div class="wrap-body">
<!-- markdownlint-disable MD038 -->
</div></div><div class="h2wrap-body"><div class="wrap h3body-not-exist col-span-3" style="padding-top: 0;"><div class="wrap-header h3wrap"><h3 style="display:none;" id="颜色列表"><a aria-hidden="true" tabindex="-1" href="#颜色列表"><span class="icon icon-link"></span></a>颜色列表</h3><div class="wrap-body">
<!--rehype:wrap-class=col-span-3&style=display:none;&wrap-style=padding-top: 0;-->



































































































































































































































































































































































































































































































































































































































































































































































































































































































































<table class="show-header"><thead><tr><th align="left">颜色</th><th align="left">颜色名称</th><th align="left">Hex RGB</th><th align="left">十进制 RGB</th></tr></thead><tbody><tr><td align="left"><code style="background:aliceblue;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:aliceblue;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">aliceblue</td><td align="left">#f0f8ff</td><td align="left">240 248 255</td></tr><tr><td align="left"><code style="background:antiquewhite;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:antiquewhite;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">antiquewhite</td><td align="left">#faebd7</td><td align="left">250 235 215</td></tr><tr><td align="left"><code style="background:aqua;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:aqua;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">aqua</td><td align="left">#00ffff</td><td align="left">0 255 255</td></tr><tr><td align="left"><code style="background:aquamarine;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:aquamarine;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">aquamarine</td><td align="left">#7fffd4</td><td align="left">127 255 212</td></tr><tr><td align="left"><code style="background:azure;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:azure;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">azure</td><td align="left">#f0ffff</td><td align="left">240 255 255</td></tr><tr><td align="left"><code style="background:beige;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:beige;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">beige</td><td align="left">#f5f5dc</td><td align="left">245 245 220</td></tr><tr><td align="left"><code style="background:bisque;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:bisque;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">bisque</td><td align="left">#ffe4c4</td><td align="left">255 228 196</td></tr><tr><td align="left"><code style="background:black;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:black;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">black</td><td align="left">#000000</td><td align="left">0 0 0</td></tr><tr><td align="left"><code style="background:blanchedalmond;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:blanchedalmond;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">blanchedalmond</td><td align="left">#ffebcd</td><td align="left">255 235 205</td></tr><tr><td align="left"><code style="background:blue;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:blue;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">blue</td><td align="left">#0000ff</td><td align="left">0 0 255</td></tr><tr><td align="left"><code style="background:blueviolet;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:blueviolet;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">blueviolet</td><td align="left">#8a2be2</td><td align="left">138 43 226</td></tr><tr><td align="left"><code style="background:brown;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:brown;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">brown</td><td align="left">#a52a2a</td><td align="left">165 42 42</td></tr><tr><td align="left"><code style="background:burlywood;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:burlywood;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">burlywood</td><td align="left">#deb887</td><td align="left">222 184 135</td></tr><tr><td align="left"><code style="background:cadetblue;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:cadetblue;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">cadetblue</td><td align="left">#5f9ea0</td><td align="left">95 158 160</td></tr><tr><td align="left"><code style="background:chartreuse;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:chartreuse;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">chartreuse</td><td align="left">#7fff00</td><td align="left">127 255 0</td></tr><tr><td align="left"><code style="background:chocolate;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:chocolate;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">chocolate</td><td align="left">#d2691e</td><td align="left">210 105 30</td></tr><tr><td align="left"><code style="background:coral;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:coral;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">coral</td><td align="left">#ff7f50</td><td align="left">255 127 80</td></tr><tr><td align="left"><code style="background:cornflowerblue;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:cornflowerblue;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">cornflowerblue</td><td align="left">#6495ed</td><td align="left">100 149 237</td></tr><tr><td align="left"><code style="background:cornsilk;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:cornsilk;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">cornsilk</td><td align="left">#fff8dc</td><td align="left">255 248 220</td></tr><tr><td align="left"><code style="background:crimson;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:crimson;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">crimson</td><td align="left">#dc143c</td><td align="left">220 20 60</td></tr><tr><td align="left"><code style="background:cyan;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:cyan;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">cyan</td><td align="left">#00ffff</td><td align="left">0 255 255</td></tr><tr><td align="left"><code style="background:darkblue;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:darkblue;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">darkblue</td><td align="left">#00008b</td><td align="left">0 0 139</td></tr><tr><td align="left"><code style="background:darkcyan;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:darkcyan;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">darkcyan</td><td align="left">#008b8b</td><td align="left">0 139 139</td></tr><tr><td align="left"><code style="background:darkgoldenrod;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:darkgoldenrod;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">darkgoldenrod</td><td align="left">#b8860b</td><td align="left">184 134 11</td></tr><tr><td align="left"><code style="background:darkgray;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:darkgray;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">darkgray</td><td align="left">#a9a9a9</td><td align="left">169 169 169</td></tr><tr><td align="left"><code style="background:darkgreen;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:darkgreen;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">darkgreen</td><td align="left">#006400</td><td align="left">0 100 0</td></tr><tr><td align="left"><code style="background:darkgrey;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:darkgrey;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">darkgrey</td><td align="left">#a9a9a9</td><td align="left">169 169 169</td></tr><tr><td align="left"><code style="background:darkkhaki;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:darkkhaki;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">darkkhaki</td><td align="left">#bdb76b</td><td align="left">189 183 107</td></tr><tr><td align="left"><code style="background:darkmagenta;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:darkmagenta;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">darkmagenta</td><td align="left">#8b008b</td><td align="left">139 0 139</td></tr><tr><td align="left"><code style="background:darkolivegreen;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:darkolivegreen;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">darkolivegreen</td><td align="left">#556b2f</td><td align="left">85 107 47</td></tr><tr><td align="left"><code style="background:darkorange;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:darkorange;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">darkorange</td><td align="left">#ff8c00</td><td align="left">255 140 0</td></tr><tr><td align="left"><code style="background:darkorchid;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:darkorchid;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">darkorchid</td><td align="left">#9932cc</td><td align="left">153 50 204</td></tr><tr><td align="left"><code style="background:darkred;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:darkred;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">darkred</td><td align="left">#8b0000</td><td align="left">139 0 0</td></tr><tr><td align="left"><code style="background:darksalmon;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:darksalmon;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">darksalmon</td><td align="left">#e9967a</td><td align="left">233 150 122</td></tr><tr><td align="left"><code style="background:darkseagreen;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:darkseagreen;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">darkseagreen</td><td align="left">#8fbc8f</td><td align="left">143 188 143</td></tr><tr><td align="left"><code style="background:darkslateblue;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:darkslateblue;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">darkslateblue</td><td align="left">#483d8b</td><td align="left">72 61 139</td></tr><tr><td align="left"><code style="background:darkslategray;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:darkslategray;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">darkslategray</td><td align="left">#2f4f4f</td><td align="left">47 79 79</td></tr><tr><td align="left"><code style="background:darkslategrey;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:darkslategrey;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">darkslategrey</td><td align="left">#2f4f4f</td><td align="left">47 79 79</td></tr><tr><td align="left"><code style="background:darkturquoise;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:darkturquoise;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">darkturquoise</td><td align="left">#00ced1</td><td align="left">0 206 209</td></tr><tr><td align="left"><code style="background:darkviolet;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:darkviolet;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">darkviolet</td><td align="left">#9400d3</td><td align="left">148 0 211</td></tr><tr><td align="left"><code style="background:deeppink;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:deeppink;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">deeppink</td><td align="left">#ff1493</td><td align="left">255 20 147</td></tr><tr><td align="left"><code style="background:deepskyblue;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:deepskyblue;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">deepskyblue</td><td align="left">#00bfff</td><td align="left">0 191 255</td></tr><tr><td align="left"><code style="background:dimgray;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:dimgray;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">dimgray</td><td align="left">#696969</td><td align="left">105 105 105</td></tr><tr><td align="left"><code style="background:dimgrey;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:dimgrey;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">dimgrey</td><td align="left">#696969</td><td align="left">105 105 105</td></tr><tr><td align="left"><code style="background:dodgerblue;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:dodgerblue;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">dodgerblue</td><td align="left">#1e90ff</td><td align="left">30 144 255</td></tr><tr><td align="left"><code style="background:firebrick;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:firebrick;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">firebrick</td><td align="left">#b22222</td><td align="left">178 34 34</td></tr><tr><td align="left"><code style="background:floralwhite;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:floralwhite;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">floralwhite</td><td align="left">#fffaf0</td><td align="left">255 250 240</td></tr><tr><td align="left"><code style="background:forestgreen;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:forestgreen;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">forestgreen</td><td align="left">#228b22</td><td align="left">34 139 34</td></tr><tr><td align="left"><code style="background:fuchsia;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:fuchsia;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">fuchsia</td><td align="left">#ff00ff</td><td align="left">255 0 255</td></tr><tr><td align="left"><code style="background:gainsboro;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:gainsboro;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">gainsboro</td><td align="left">#dcdcdc</td><td align="left">220 220 220</td></tr><tr><td align="left"><code style="background:ghostwhite;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:ghostwhite;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">ghostwhite</td><td align="left">#f8f8ff</td><td align="left">248 248 255</td></tr><tr><td align="left"><code style="background:gold;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:gold;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">gold</td><td align="left">#ffd700</td><td align="left">255 215 0</td></tr><tr><td align="left"><code style="background:goldenrod;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:goldenrod;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">goldenrod</td><td align="left">#daa520</td><td align="left">218 165 32</td></tr><tr><td align="left"><code style="background:gray;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:gray;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">gray</td><td align="left">#808080</td><td align="left">128 128 128</td></tr><tr><td align="left"><code style="background:green;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:green;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">green</td><td align="left">#008000</td><td align="left">0 128 0</td></tr><tr><td align="left"><code style="background:greenyellow;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:greenyellow;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">greenyellow</td><td align="left">#adff2f</td><td align="left">173 255 47</td></tr><tr><td align="left"><code style="background:grey;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:grey;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">grey</td><td align="left">#808080</td><td align="left">128 128 128</td></tr><tr><td align="left"><code style="background:honeydew;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:honeydew;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">honeydew</td><td align="left">#f0fff0</td><td align="left">240 255 240</td></tr><tr><td align="left"><code style="background:hotpink;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:hotpink;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">hotpink</td><td align="left">#ff69b4</td><td align="left">255 105 180</td></tr><tr><td align="left"><code style="background:indianred;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:indianred;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">indianred</td><td align="left">#cd5c5c</td><td align="left">205 92 92</td></tr><tr><td align="left"><code style="background:indigo;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:indigo;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">indigo</td><td align="left">#4b0082</td><td align="left">75 0 130</td></tr><tr><td align="left"><code style="background:ivory;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:ivory;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">ivory</td><td align="left">#fffff0</td><td align="left">255 255 240</td></tr><tr><td align="left"><code style="background:khaki;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:khaki;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">khaki</td><td align="left">#f0e68c</td><td align="left">240 230 140</td></tr><tr><td align="left"><code style="background:lavender;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:lavender;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">lavender</td><td align="left">#e6e6fa</td><td align="left">230 230 250</td></tr><tr><td align="left"><code style="background:lavenderblush;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:lavenderblush;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">lavenderblush</td><td align="left">#fff0f5</td><td align="left">255 240 245</td></tr><tr><td align="left"><code style="background:lawngreen;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:lawngreen;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">lawngreen</td><td align="left">#7cfc00</td><td align="left">124 252 0</td></tr><tr><td align="left"><code style="background:lemonchiffon;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:lemonchiffon;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">lemonchiffon</td><td align="left">#fffacd</td><td align="left">255 250 205</td></tr><tr><td align="left"><code style="background:lightblue;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:lightblue;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">lightblue</td><td align="left">#add8e6</td><td align="left">173 216 230</td></tr><tr><td align="left"><code style="background:lightcoral;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:lightcoral;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">lightcoral</td><td align="left">#f08080</td><td align="left">240 128 128</td></tr><tr><td align="left"><code style="background:lightcyan;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:lightcyan;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">lightcyan</td><td align="left">#e0ffff</td><td align="left">224 255 255</td></tr><tr><td align="left"><code style="background:lightgoldenrodyellow;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:lightgoldenrodyellow;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">lightgoldenrodyellow</td><td align="left">#fafad2</td><td align="left">250 250 210</td></tr><tr><td align="left"><code style="background:lightgray;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:lightgray;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">lightgray</td><td align="left">#d3d3d3</td><td align="left">211 211 211</td></tr><tr><td align="left"><code style="background:lightgreen;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:lightgreen;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">lightgreen</td><td align="left">#90ee90</td><td align="left">144 238 144</td></tr><tr><td align="left"><code style="background:lightgrey;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:lightgrey;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">lightgrey</td><td align="left">#d3d3d3</td><td align="left">211 211 211</td></tr><tr><td align="left"><code style="background:lightpink;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:lightpink;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">lightpink</td><td align="left">#ffb6c1</td><td align="left">255 182 193</td></tr><tr><td align="left"><code style="background:lightsalmon;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:lightsalmon;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">lightsalmon</td><td align="left">#ffa07a</td><td align="left">255 160 122</td></tr><tr><td align="left"><code style="background:lightseagreen;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:lightseagreen;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">lightseagreen</td><td align="left">#20b2aa</td><td align="left">32 178 170</td></tr><tr><td align="left"><code style="background:lightskyblue;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:lightskyblue;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">lightskyblue</td><td align="left">#87cefa</td><td align="left">135 206 250</td></tr><tr><td align="left"><code style="background:lightslategray;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:lightslategray;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">lightslategray</td><td align="left">#778899</td><td align="left">119 136 153</td></tr><tr><td align="left"><code style="background:lightslategrey;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:lightslategrey;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">lightslategrey</td><td align="left">#778899</td><td align="left">119 136 153</td></tr><tr><td align="left"><code style="background:lightsteelblue;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:lightsteelblue;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">lightsteelblue</td><td align="left">#b0c4de</td><td align="left">176 196 222</td></tr><tr><td align="left"><code style="background:lightyellow;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:lightyellow;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">lightyellow</td><td align="left">#ffffe0</td><td align="left">255 255 224</td></tr><tr><td align="left"><code style="background:lime;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:lime;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">lime</td><td align="left">#00ff00</td><td align="left">0 255 0</td></tr><tr><td align="left"><code style="background:limegreen;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:limegreen;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">limegreen</td><td align="left">#32cd32</td><td align="left">50 205 50</td></tr><tr><td align="left"><code style="background:linen;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:linen;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">linen</td><td align="left">#faf0e6</td><td align="left">250 240 230</td></tr><tr><td align="left"><code style="background:magenta;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:magenta;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">magenta</td><td align="left">#ff00ff</td><td align="left">255 0 255</td></tr><tr><td align="left"><code style="background:maroon;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:maroon;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">maroon</td><td align="left">#800000</td><td align="left">128 0 0</td></tr><tr><td align="left"><code style="background:mediumaquamarine;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:mediumaquamarine;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">mediumaquamarine</td><td align="left">#66cdaa</td><td align="left">102 205 170</td></tr><tr><td align="left"><code style="background:mediumblue;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:mediumblue;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">mediumblue</td><td align="left">#0000cd</td><td align="left">0 0 205</td></tr><tr><td align="left"><code style="background:mediumorchid;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:mediumorchid;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">mediumorchid</td><td align="left">#ba55d3</td><td align="left">186 85 211</td></tr><tr><td align="left"><code style="background:mediumpurple;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:mediumpurple;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">mediumpurple</td><td align="left">#9370db</td><td align="left">147 112 219</td></tr><tr><td align="left"><code style="background:mediumseagreen;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:mediumseagreen;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">mediumseagreen</td><td align="left">#3cb371</td><td align="left">60 179 113</td></tr><tr><td align="left"><code style="background:mediumslateblue;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:mediumslateblue;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">mediumslateblue</td><td align="left">#7b68ee</td><td align="left">123 104 238</td></tr><tr><td align="left"><code style="background:mediumspringgreen;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:mediumspringgreen;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">mediumspringgreen</td><td align="left">#00fa9a</td><td align="left">0 250 154</td></tr><tr><td align="left"><code style="background:mediumturquoise;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:mediumturquoise;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">mediumturquoise</td><td align="left">#48d1cc</td><td align="left">72 209 204</td></tr><tr><td align="left"><code style="background:mediumvioletred;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:mediumvioletred;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">mediumvioletred</td><td align="left">#c71585</td><td align="left">199 21 133</td></tr><tr><td align="left"><code style="background:midnightblue;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:midnightblue;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">midnightblue</td><td align="left">#191970</td><td align="left">25 25 112</td></tr><tr><td align="left"><code style="background:mintcream;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:mintcream;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">mintcream</td><td align="left">#f5fffa</td><td align="left">245 255 250</td></tr><tr><td align="left"><code style="background:mistyrose;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:mistyrose;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">mistyrose</td><td align="left">#ffe4e1</td><td align="left">255 228 225</td></tr><tr><td align="left"><code style="background:moccasin;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:moccasin;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">moccasin</td><td align="left">#ffe4b5</td><td align="left">255 228 181</td></tr><tr><td align="left"><code style="background:navajowhite;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:navajowhite;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">navajowhite</td><td align="left">#ffdead</td><td align="left">255 222 173</td></tr><tr><td align="left"><code style="background:navy;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:navy;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">navy</td><td align="left">#000080</td><td align="left">0 0 128</td></tr><tr><td align="left"><code style="background:oldlace;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:oldlace;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">oldlace</td><td align="left">#fdf5e6</td><td align="left">253 245 230</td></tr><tr><td align="left"><code style="background:olive;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:olive;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">olive</td><td align="left">#808000</td><td align="left">128 128 0</td></tr><tr><td align="left"><code style="background:olivedrab;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:olivedrab;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">olivedrab</td><td align="left">#6b8e23</td><td align="left">107 142 35</td></tr><tr><td align="left"><code style="background:orange;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:orange;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">orange</td><td align="left">#ffa500</td><td align="left">255 165 0</td></tr><tr><td align="left"><code style="background:orangered;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:orangered;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">orangered</td><td align="left">#ff4500</td><td align="left">255 69 0</td></tr><tr><td align="left"><code style="background:orchid;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:orchid;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">orchid</td><td align="left">#da70d6</td><td align="left">218 112 214</td></tr><tr><td align="left"><code style="background:palegoldenrod;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:palegoldenrod;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">palegoldenrod</td><td align="left">#eee8aa</td><td align="left">238 232 170</td></tr><tr><td align="left"><code style="background:palegreen;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:palegreen;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">palegreen</td><td align="left">#98fb98</td><td align="left">152 251 152</td></tr><tr><td align="left"><code style="background:paleturquoise;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:paleturquoise;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">paleturquoise</td><td align="left">#afeeee</td><td align="left">175 238 238</td></tr><tr><td align="left"><code style="background:palevioletred;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:palevioletred;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">palevioletred</td><td align="left">#db7093</td><td align="left">219 112 147</td></tr><tr><td align="left"><code style="background:papayawhip;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:papayawhip;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">papayawhip</td><td align="left">#ffefd5</td><td align="left">255 239 213</td></tr><tr><td align="left"><code style="background:peachpuff;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:peachpuff;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">peachpuff</td><td align="left">#ffdab9</td><td align="left">255 218 185</td></tr><tr><td align="left"><code style="background:peru;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:peru;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">peru</td><td align="left">#cd853f</td><td align="left">205 133 63</td></tr><tr><td align="left"><code style="background:pink;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:pink;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">pink</td><td align="left">#ffc0cb</td><td align="left">255 192 203</td></tr><tr><td align="left"><code style="background:plum;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:plum;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">plum</td><td align="left">#dda0dd</td><td align="left">221 160 221</td></tr><tr><td align="left"><code style="background:powderblue;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:powderblue;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">powderblue</td><td align="left">#b0e0e6</td><td align="left">176 224 230</td></tr><tr><td align="left"><code style="background:purple;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:purple;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">purple</td><td align="left">#800080</td><td align="left">128 0 128</td></tr><tr><td align="left"><code style="background:rebeccapurple;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:rebeccapurple;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">rebeccapurple</td><td align="left">#663399</td><td align="left">102 51 153</td></tr><tr><td align="left"><code style="background:red;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:red;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">red</td><td align="left">#ff0000</td><td align="left">255 0 0</td></tr><tr><td align="left"><code style="background:rosybrown;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:rosybrown;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">rosybrown</td><td align="left">#bc8f8f</td><td align="left">188 143 143</td></tr><tr><td align="left"><code style="background:royalblue;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:royalblue;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">royalblue</td><td align="left">#4169e1</td><td align="left">65 105 225</td></tr><tr><td align="left"><code style="background:saddlebrown;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:saddlebrown;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">saddlebrown</td><td align="left">#8b4513</td><td align="left">139 69 19</td></tr><tr><td align="left"><code style="background:salmon;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:salmon;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">salmon</td><td align="left">#fa8072</td><td align="left">250 128 114</td></tr><tr><td align="left"><code style="background:sandybrown;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:sandybrown;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">sandybrown</td><td align="left">#f4a460</td><td align="left">244 164 96</td></tr><tr><td align="left"><code style="background:seagreen;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:seagreen;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">seagreen</td><td align="left">#2e8b57</td><td align="left">46 139 87</td></tr><tr><td align="left"><code style="background:seashell;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:seashell;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">seashell</td><td align="left">#fff5ee</td><td align="left">255 245 238</td></tr><tr><td align="left"><code style="background:sienna;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:sienna;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">sienna</td><td align="left">#a0522d</td><td align="left">160 82 45</td></tr><tr><td align="left"><code style="background:silver;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:silver;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">silver</td><td align="left">#c0c0c0</td><td align="left">192 192 192</td></tr><tr><td align="left"><code style="background:skyblue;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:skyblue;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">skyblue</td><td align="left">#87ceeb</td><td align="left">135 206 235</td></tr><tr><td align="left"><code style="background:slateblue;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:slateblue;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">slateblue</td><td align="left">#6a5acd</td><td align="left">106 90 205</td></tr><tr><td align="left"><code style="background:slategray;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:slategray;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">slategray</td><td align="left">#708090</td><td align="left">112 128 144</td></tr><tr><td align="left"><code style="background:slategrey;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:slategrey;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">slategrey</td><td align="left">#708090</td><td align="left">112 128 144</td></tr><tr><td align="left"><code style="background:snow;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:snow;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">snow</td><td align="left">#fffafa</td><td align="left">255 250 250</td></tr><tr><td align="left"><code style="background:springgreen;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:springgreen;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">springgreen</td><td align="left">#00ff7f</td><td align="left">0 255 127</td></tr><tr><td align="left"><code style="background:steelblue;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:steelblue;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">steelblue</td><td align="left">#4682b4</td><td align="left">70 130 180</td></tr><tr><td align="left"><code style="background:tan;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:tan;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">tan</td><td align="left">#d2b48c</td><td align="left">210 180 140</td></tr><tr><td align="left"><code style="background:teal;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:teal;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">teal</td><td align="left">#008080</td><td align="left">0 128 128</td></tr><tr><td align="left"><code style="background:thistle;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:thistle;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">thistle</td><td align="left">#d8bfd8</td><td align="left">216 191 216</td></tr><tr><td align="left"><code style="background:tomato;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:tomato;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">tomato</td><td align="left">#ff6347</td><td align="left">255 99 71</td></tr><tr><td align="left"><code style="background:turquoise;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:turquoise;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">turquoise</td><td align="left">#40e0d0</td><td align="left">64 224 208</td></tr><tr><td align="left"><code style="background:violet;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:violet;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">violet</td><td align="left">#ee82ee</td><td align="left">238 130 238</td></tr><tr><td align="left"><code style="background:wheat;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:wheat;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">wheat</td><td align="left">#f5deb3</td><td align="left">245 222 179</td></tr><tr><td align="left"><code style="background:white;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:white;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">white</td><td align="left">#ffffff</td><td align="left">255 255 255</td></tr><tr><td align="left"><code style="background:whitesmoke;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:whitesmoke;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">whitesmoke</td><td align="left">#f5f5f5</td><td align="left">245 245 245</td></tr><tr><td align="left"><code style="background:yellow;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:yellow;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">yellow</td><td align="left">#ffff00</td><td align="left">255 255 0</td></tr><tr><td align="left"><code style="background:yellowgreen;padding:0.2rem 2em;border: 1px solid #333;"> </code><!--rehype:style=background:yellowgreen;padding:0.2rem 2em;border: 1px solid #333;--></td><td align="left">yellowgreen</td><td align="left">#9acd32</td><td align="left">154 205 50</td></tr></tbody></table>
<!--rehype:className=show-header-->
</div></div></div></div></div><div class="wrap h2body-exist"><div class="wrap-header h2wrap"><h2 id="hsl-颜色示例"><a aria-hidden="true" tabindex="-1" href="#hsl-颜色示例"><span class="icon icon-link"></span></a>HSL 颜色示例</h2><div class="wrap-body">
<!--rehype:body-class=cols-9-->
</div></div><div class="h2wrap-body cols-9"><div class="wrap h3body-not-exist col-span-3"><div class="wrap-header h3wrap"><h3 id="0-reds"><a aria-hidden="true" tabindex="-1" href="#0-reds"><span class="icon icon-link"></span></a>0° Reds</h3><div class="wrap-body">
<!--rehype:wrap-class=col-span-3-->
<table style="font-size:12px;border-radius: 0.5rem;overflow: hidden;" class="show-header">
  <thead>
    <tr>
      <th></th>
      <th>100%</th>
      <th>80%</th>
      <th>60%</th>
      <th>40%</th>
      <th>20%</th>
      <th>0%</th>
    </tr>
  </thead>
  <tbody>
  <tr>
    <th>100%</th>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
  </tr>
  <tr>
    <th>90%</th>
    <td style="background-color: rgb(255, 204, 204);"></td>
    <td style="background-color: rgb(250, 209, 209);"></td>
    <td style="background-color: rgb(245, 214, 214);"></td>
    <td style="background-color: rgb(240, 219, 219);"></td>
    <td style="background-color: rgb(235, 224, 224);"></td>
    <td style="background-color: rgb(230, 230, 230);"></td>
  </tr>
  <tr>
    <th>80%</th>
    <td style="background-color: rgb(255, 153, 153);"></td>
    <td style="background-color: rgb(245, 163, 163);"></td>
    <td style="background-color: rgb(235, 173, 173);"></td>
    <td style="background-color: rgb(224, 184, 184);"></td>
    <td style="background-color: rgb(214, 194, 194);"></td>
    <td style="background-color: rgb(204, 204, 204);"></td>
  </tr>
  <tr>
    <th>70%</th>
    <td style="background-color: rgb(255, 102, 102);"></td>
    <td style="background-color: rgb(240, 117, 117);"></td>
    <td style="background-color: rgb(224, 133, 133);"></td>
    <td style="background-color: rgb(209, 148, 148);"></td>
    <td style="background-color: rgb(194, 163, 163);"></td>
    <td style="background-color: rgb(179, 179, 179);"></td>
  </tr>
  <tr>
    <th>60%</th>
    <td style="background-color: rgb(255, 51, 51);"></td>
    <td style="background-color: rgb(235, 71, 71);"></td>
    <td style="background-color: rgb(214, 92, 92);"></td>
    <td style="background-color: rgb(194, 112, 112);"></td>
    <td style="background-color: rgb(173, 133, 133);"></td>
    <td style="background-color: rgb(153, 153, 153);"></td>
  </tr>
  <tr>
    <th>50%</th>
    <td style="background-color: rgb(255, 0, 0);"></td>
    <td style="background-color: rgb(230, 26, 26);"></td>
    <td style="background-color: rgb(204, 51, 51);"></td>
    <td style="background-color: rgb(179, 77, 77);"></td>
    <td style="background-color: rgb(153, 102, 102);"></td>
    <td style="background-color: rgb(128, 128, 128);"></td>
  </tr>
  <tr>
    <th>40%</th>
    <td style="background-color: rgb(204, 0, 0);"></td>
    <td style="background-color: rgb(184, 20, 20);"></td>
    <td style="background-color: rgb(163, 41, 41);"></td>
    <td style="background-color: rgb(143, 61, 61);"></td>
    <td style="background-color: rgb(122, 82, 82);"></td>
    <td style="background-color: rgb(102, 102, 102);"></td>
  </tr>
  <tr>
    <th>30%</th>
    <td style="background-color: rgb(153, 0, 0);"></td>
    <td style="background-color: rgb(138, 15, 15);"></td>
    <td style="background-color: rgb(122, 31, 31);"></td>
    <td style="background-color: rgb(107, 46, 46);"></td>
    <td style="background-color: rgb(92, 61, 61);"></td>
    <td style="background-color: rgb(77, 77, 77);"></td>
  </tr>
  <tr>
    <th>20%</th>
    <td style="background-color: rgb(102, 0, 0);"></td>
    <td style="background-color: rgb(92, 10, 10);"></td>
    <td style="background-color: rgb(82, 20, 20);"></td>
    <td style="background-color: rgb(71, 31, 31);"></td>
    <td style="background-color: rgb(61, 41, 41);"></td>
    <td style="background-color: rgb(51, 51, 51);"></td>
  </tr>
  <tr>
    <th>10%</th>
    <td style="background-color: rgb(51, 0, 0);"></td>
    <td style="background-color: rgb(46, 5, 5);"></td>
    <td style="background-color: rgb(41, 10, 10);"></td>
    <td style="background-color: rgb(36, 15, 15);"></td>
    <td style="background-color: rgb(31, 20, 20);"></td>
    <td style="background-color: rgb(26, 26, 26);"></td>
  </tr>
  <tr>
    <th>0%</th>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
  </tr>
  </tbody>
</table>
<!--rehype:className=show-header-->
</div></div></div><div class="wrap h3body-not-exist col-span-3"><div class="wrap-header h3wrap"><h3 id="30-reds-yellows-oranges"><a aria-hidden="true" tabindex="-1" href="#30-reds-yellows-oranges"><span class="icon icon-link"></span></a>30° Reds-Yellows (=Oranges)</h3><div class="wrap-body">
<!--rehype:wrap-class=col-span-3-->
<table style="font-size:12px;border-radius: 0.5rem;overflow: hidden;" class="show-header">
  <thead>
    <tr>
      <th></th>
      <th>100%</th>
      <th>80%</th>
      <th>60%</th>
      <th>40%</th>
      <th>20%</th>
      <th>0%</th>
    </tr>
  </thead>
  <tbody>
  <tr>
    <th>100%</th>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
  </tr>
  <tr>
    <th>90%</th>
    <td style="background-color: rgb(255, 230, 204);"></td>
    <td style="background-color: rgb(250, 230, 209);"></td>
    <td style="background-color: rgb(245, 230, 214);"></td>
    <td style="background-color: rgb(240, 230, 219);"></td>
    <td style="background-color: rgb(235, 230, 224);"></td>
    <td style="background-color: rgb(230, 230, 230);"></td>
  </tr>
  <tr>
    <th>80%</th>
    <td style="background-color: rgb(255, 204, 153);"></td>
    <td style="background-color: rgb(245, 204, 163);"></td>
    <td style="background-color: rgb(235, 204, 173);"></td>
    <td style="background-color: rgb(224, 204, 184);"></td>
    <td style="background-color: rgb(214, 204, 194);"></td>
    <td style="background-color: rgb(204, 204, 204);"></td>
  </tr>
  <tr>
    <th>70%</th>
    <td style="background-color: rgb(255, 179, 102);"></td>
    <td style="background-color: rgb(240, 179, 117);"></td>
    <td style="background-color: rgb(224, 179, 133);"></td>
    <td style="background-color: rgb(209, 179, 148);"></td>
    <td style="background-color: rgb(194, 179, 163);"></td>
    <td style="background-color: rgb(179, 179, 179);"></td>
  </tr>
  <tr>
    <th>60%</th>
    <td style="background-color: rgb(255, 153, 51);"></td>
    <td style="background-color: rgb(235, 153, 71);"></td>
    <td style="background-color: rgb(214, 153, 92);"></td>
    <td style="background-color: rgb(194, 153, 112);"></td>
    <td style="background-color: rgb(173, 153, 133);"></td>
    <td style="background-color: rgb(153, 153, 153);"></td>
  </tr>
  <tr>
    <th>50%</th>
    <td style="background-color: rgb(255, 128, 0);"></td>
    <td style="background-color: rgb(230, 128, 26);"></td>
    <td style="background-color: rgb(204, 128, 51);"></td>
    <td style="background-color: rgb(179, 128, 77);"></td>
    <td style="background-color: rgb(153, 128, 102);"></td>
    <td style="background-color: rgb(128, 128, 128);"></td>
  </tr>
  <tr>
    <th>40%</th>
    <td style="background-color: rgb(204, 102, 0);"></td>
    <td style="background-color: rgb(184, 102, 20);"></td>
    <td style="background-color: rgb(163, 102, 41);"></td>
    <td style="background-color: rgb(143, 102, 61);"></td>
    <td style="background-color: rgb(122, 102, 82);"></td>
    <td style="background-color: rgb(102, 102, 102);"></td>
  </tr>
  <tr>
    <th>30%</th>
    <td style="background-color: rgb(153, 77, 0);"></td>
    <td style="background-color: rgb(138, 77, 15);"></td>
    <td style="background-color: rgb(122, 77, 31);"></td>
    <td style="background-color: rgb(107, 77, 46);"></td>
    <td style="background-color: rgb(92, 77, 61);"></td>
    <td style="background-color: rgb(77, 77, 77);"></td>
  </tr>
  <tr>
    <th>20%</th>
    <td style="background-color: rgb(102, 51, 0);"></td>
    <td style="background-color: rgb(92, 51, 10);"></td>
    <td style="background-color: rgb(82, 51, 20);"></td>
    <td style="background-color: rgb(71, 51, 31);"></td>
    <td style="background-color: rgb(61, 51, 41);"></td>
    <td style="background-color: rgb(51, 51, 51);"></td>
  </tr>
  <tr>
    <th>10%</th>
    <td style="background-color: rgb(51, 26, 0);"></td>
    <td style="background-color: rgb(46, 26, 5);"></td>
    <td style="background-color: rgb(41, 26, 10);"></td>
    <td style="background-color: rgb(36, 26, 15);"></td>
    <td style="background-color: rgb(31, 26, 20);"></td>
    <td style="background-color: rgb(26, 26, 26);"></td>
  </tr>
  <tr>
    <th>0%</th>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
  </tr>
  </tbody>
</table>
<!--rehype:className=show-header-->
</div></div></div><div class="wrap h3body-not-exist col-span-3"><div class="wrap-header h3wrap"><h3 id="60-yellows"><a aria-hidden="true" tabindex="-1" href="#60-yellows"><span class="icon icon-link"></span></a>60° Yellows</h3><div class="wrap-body">
<!--rehype:wrap-class=col-span-3-->
<table style="font-size:12px;border-radius: 0.5rem;overflow: hidden;" class="show-header">
  <thead>
    <tr>
      <th></th>
      <th>100%</th>
      <th>80%</th>
      <th>60%</th>
      <th>40%</th>
      <th>20%</th>
      <th>0%</th>
    </tr>
  </thead>
  <tbody>
  <tr>
    <th>100%</th>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
  </tr>
  <tr>
    <th>90%</th>
    <td style="background-color: rgb(255, 255, 204);"></td>
    <td style="background-color: rgb(250, 250, 209);"></td>
    <td style="background-color: rgb(245, 245, 214);"></td>
    <td style="background-color: rgb(240, 240, 219);"></td>
    <td style="background-color: rgb(235, 235, 224);"></td>
    <td style="background-color: rgb(230, 230, 230);"></td>
  </tr>
  <tr>
    <th>80%</th>
    <td style="background-color: rgb(255, 255, 153);"></td>
    <td style="background-color: rgb(245, 245, 163);"></td>
    <td style="background-color: rgb(235, 235, 173);"></td>
    <td style="background-color: rgb(224, 224, 184);"></td>
    <td style="background-color: rgb(214, 214, 194);"></td>
    <td style="background-color: rgb(204, 204, 204);"></td>
  </tr>
  <tr>
    <th>70%</th>
    <td style="background-color: rgb(255, 255, 102);"></td>
    <td style="background-color: rgb(240, 240, 117);"></td>
    <td style="background-color: rgb(224, 224, 133);"></td>
    <td style="background-color: rgb(209, 209, 148);"></td>
    <td style="background-color: rgb(194, 194, 163);"></td>
    <td style="background-color: rgb(179, 179, 179);"></td>
  </tr>
  <tr>
    <th>60%</th>
    <td style="background-color: rgb(255, 255, 51);"></td>
    <td style="background-color: rgb(235, 235, 71);"></td>
    <td style="background-color: rgb(214, 214, 92);"></td>
    <td style="background-color: rgb(194, 194, 112);"></td>
    <td style="background-color: rgb(173, 173, 133);"></td>
    <td style="background-color: rgb(153, 153, 153);"></td>
  </tr>
  <tr>
    <th>50%</th>
    <td style="background-color: rgb(255, 255, 0);"></td>
    <td style="background-color: rgb(230, 230, 26);"></td>
    <td style="background-color: rgb(204, 204, 51);"></td>
    <td style="background-color: rgb(179, 179, 77);"></td>
    <td style="background-color: rgb(153, 153, 102);"></td>
    <td style="background-color: rgb(128, 128, 128);"></td>
  </tr>
  <tr>
    <th>40%</th>
    <td style="background-color: rgb(204, 204, 0);"></td>
    <td style="background-color: rgb(184, 184, 20);"></td>
    <td style="background-color: rgb(163, 163, 41);"></td>
    <td style="background-color: rgb(143, 143, 61);"></td>
    <td style="background-color: rgb(122, 122, 82);"></td>
    <td style="background-color: rgb(102, 102, 102);"></td>
  </tr>
  <tr>
    <th>30%</th>
    <td style="background-color: rgb(153, 153, 0);"></td>
    <td style="background-color: rgb(138, 138, 15);"></td>
    <td style="background-color: rgb(122, 122, 31);"></td>
    <td style="background-color: rgb(107, 107, 46);"></td>
    <td style="background-color: rgb(92, 92, 61);"></td>
    <td style="background-color: rgb(77, 77, 77);"></td>
  </tr>
  <tr>
    <th>20%</th>
    <td style="background-color: rgb(102, 102, 0);"></td>
    <td style="background-color: rgb(92, 92, 10);"></td>
    <td style="background-color: rgb(82, 82, 20);"></td>
    <td style="background-color: rgb(71, 71, 31);"></td>
    <td style="background-color: rgb(61, 61, 41);"></td>
    <td style="background-color: rgb(51, 51, 51);"></td>
  </tr>
  <tr>
    <th>10%</th>
    <td style="background-color: rgb(51, 51, 0);"></td>
    <td style="background-color: rgb(46, 46, 5);"></td>
    <td style="background-color: rgb(41, 41, 10);"></td>
    <td style="background-color: rgb(36, 36, 15);"></td>
    <td style="background-color: rgb(31, 31, 20);"></td>
    <td style="background-color: rgb(26, 26, 26);"></td>
  </tr>
  <tr>
    <th>0%</th>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
  </tr>
  </tbody>
</table>
<!--rehype:className=show-header-->
</div></div></div><div class="wrap h3body-not-exist col-span-3"><div class="wrap-header h3wrap"><h3 id="90-yellow-greens"><a aria-hidden="true" tabindex="-1" href="#90-yellow-greens"><span class="icon icon-link"></span></a>90° Yellow-Greens</h3><div class="wrap-body">
<!--rehype:wrap-class=col-span-3-->
<table style="font-size:12px;border-radius: 0.5rem;overflow: hidden;" class="show-header">
  <thead>
    <tr>
      <th></th>
      <th>100%</th>
      <th>80%</th>
      <th>60%</th>
      <th>40%</th>
      <th>20%</th>
      <th>0%</th>
    </tr>
  </thead>
  <tbody>
  <tr>
    <th>100%</th>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
  </tr>
  <tr>
    <th>90%</th>
    <td style="background-color: rgb(230, 255, 204);"></td>
    <td style="background-color: rgb(230, 250, 209);"></td>
    <td style="background-color: rgb(230, 245, 214);"></td>
    <td style="background-color: rgb(230, 240, 219);"></td>
    <td style="background-color: rgb(230, 235, 224);"></td>
    <td style="background-color: rgb(230, 230, 230);"></td>
  </tr>
  <tr>
    <th>80%</th>
    <td style="background-color: rgb(204, 255, 153);"></td>
    <td style="background-color: rgb(204, 245, 163);"></td>
    <td style="background-color: rgb(204, 235, 173);"></td>
    <td style="background-color: rgb(204, 224, 184);"></td>
    <td style="background-color: rgb(204, 214, 194);"></td>
    <td style="background-color: rgb(204, 204, 204);"></td>
  </tr>
  <tr>
    <th>70%</th>
    <td style="background-color: rgb(179, 255, 102);"></td>
    <td style="background-color: rgb(179, 240, 117);"></td>
    <td style="background-color: rgb(179, 224, 133);"></td>
    <td style="background-color: rgb(179, 209, 148);"></td>
    <td style="background-color: rgb(179, 194, 163);"></td>
    <td style="background-color: rgb(179, 179, 179);"></td>
  </tr>
  <tr>
    <th>60%</th>
    <td style="background-color: rgb(153, 255, 51);"></td>
    <td style="background-color: rgb(153, 235, 71);"></td>
    <td style="background-color: rgb(153, 214, 92);"></td>
    <td style="background-color: rgb(153, 194, 112);"></td>
    <td style="background-color: rgb(153, 173, 133);"></td>
    <td style="background-color: rgb(153, 153, 153);"></td>
  </tr>
  <tr>
    <th>50%</th>
    <td style="background-color: rgb(128, 255, 0);"></td>
    <td style="background-color: rgb(128, 230, 26);"></td>
    <td style="background-color: rgb(128, 204, 51);"></td>
    <td style="background-color: rgb(128, 179, 77);"></td>
    <td style="background-color: rgb(128, 153, 102);"></td>
    <td style="background-color: rgb(128, 128, 128);"></td>
  </tr>
  <tr>
    <th>40%</th>
    <td style="background-color: rgb(102, 204, 0);"></td>
    <td style="background-color: rgb(102, 184, 20);"></td>
    <td style="background-color: rgb(102, 163, 41);"></td>
    <td style="background-color: rgb(102, 143, 61);"></td>
    <td style="background-color: rgb(102, 122, 82);"></td>
    <td style="background-color: rgb(102, 102, 102);"></td>
  </tr>
  <tr>
    <th>30%</th>
    <td style="background-color: rgb(77, 153, 0);"></td>
    <td style="background-color: rgb(77, 138, 15);"></td>
    <td style="background-color: rgb(77, 122, 31);"></td>
    <td style="background-color: rgb(77, 107, 46);"></td>
    <td style="background-color: rgb(77, 92, 61);"></td>
    <td style="background-color: rgb(77, 77, 77);"></td>
  </tr>
  <tr>
    <th>20%</th>
    <td style="background-color: rgb(51, 102, 0);"></td>
    <td style="background-color: rgb(51, 92, 10);"></td>
    <td style="background-color: rgb(51, 82, 20);"></td>
    <td style="background-color: rgb(51, 71, 31);"></td>
    <td style="background-color: rgb(51, 61, 41);"></td>
    <td style="background-color: rgb(51, 51, 51);"></td>
  </tr>
  <tr>
    <th>10%</th>
    <td style="background-color: rgb(26, 51, 0);"></td>
    <td style="background-color: rgb(26, 46, 5);"></td>
    <td style="background-color: rgb(26, 41, 10);"></td>
    <td style="background-color: rgb(26, 36, 15);"></td>
    <td style="background-color: rgb(26, 31, 20);"></td>
    <td style="background-color: rgb(26, 26, 26);"></td>
  </tr>
  <tr>
    <th>0%</th>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
  </tr>
  </tbody>
</table>
<!--rehype:className=show-header-->
</div></div></div><div class="wrap h3body-not-exist col-span-3"><div class="wrap-header h3wrap"><h3 id="120-greens"><a aria-hidden="true" tabindex="-1" href="#120-greens"><span class="icon icon-link"></span></a>120° Greens</h3><div class="wrap-body">
<!--rehype:wrap-class=col-span-3-->
<table style="font-size:12px;border-radius: 0.5rem;overflow: hidden;" class="show-header">
  <thead>
    <tr>
      <th></th>
      <th>100%</th>
      <th>80%</th>
      <th>60%</th>
      <th>40%</th>
      <th>20%</th>
      <th>0%</th>
    </tr>
  </thead>
  <tbody>
  <tr>
    <th>100%</th>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
  </tr>
  <tr>
    <th>90%</th>
    <td style="background-color: rgb(204, 255, 204);"></td>
    <td style="background-color: rgb(209, 250, 209);"></td>
    <td style="background-color: rgb(214, 245, 214);"></td>
    <td style="background-color: rgb(219, 240, 219);"></td>
    <td style="background-color: rgb(224, 235, 224);"></td>
    <td style="background-color: rgb(230, 230, 230);"></td>
  </tr>
  <tr>
    <th>80%</th>
    <td style="background-color: rgb(153, 255, 153);"></td>
    <td style="background-color: rgb(163, 245, 163);"></td>
    <td style="background-color: rgb(173, 235, 173);"></td>
    <td style="background-color: rgb(184, 224, 184);"></td>
    <td style="background-color: rgb(194, 214, 194);"></td>
    <td style="background-color: rgb(204, 204, 204);"></td>
  </tr>
  <tr>
    <th>70%</th>
    <td style="background-color: rgb(102, 255, 102);"></td>
    <td style="background-color: rgb(117, 240, 117);"></td>
    <td style="background-color: rgb(133, 224, 133);"></td>
    <td style="background-color: rgb(148, 209, 148);"></td>
    <td style="background-color: rgb(163, 194, 163);"></td>
    <td style="background-color: rgb(179, 179, 179);"></td>
  </tr>
  <tr>
    <th>60%</th>
    <td style="background-color: rgb(51, 255, 51);"></td>
    <td style="background-color: rgb(71, 235, 71);"></td>
    <td style="background-color: rgb(92, 214, 92);"></td>
    <td style="background-color: rgb(112, 194, 112);"></td>
    <td style="background-color: rgb(133, 173, 133);"></td>
    <td style="background-color: rgb(153, 153, 153);"></td>
  </tr>
  <tr>
    <th>50%</th>
    <td style="background-color: rgb(0, 255, 0);"></td>
    <td style="background-color: rgb(26, 230, 26);"></td>
    <td style="background-color: rgb(51, 204, 51);"></td>
    <td style="background-color: rgb(77, 179, 77);"></td>
    <td style="background-color: rgb(102, 153, 102);"></td>
    <td style="background-color: rgb(128, 128, 128);"></td>
  </tr>
  <tr>
    <th>40%</th>
    <td style="background-color: rgb(0, 204, 0);"></td>
    <td style="background-color: rgb(20, 184, 20);"></td>
    <td style="background-color: rgb(41, 163, 41);"></td>
    <td style="background-color: rgb(61, 143, 61);"></td>
    <td style="background-color: rgb(82, 122, 82);"></td>
    <td style="background-color: rgb(102, 102, 102);"></td>
  </tr>
  <tr>
    <th>30%</th>
    <td style="background-color: rgb(0, 153, 0);"></td>
    <td style="background-color: rgb(15, 138, 15);"></td>
    <td style="background-color: rgb(31, 122, 31);"></td>
    <td style="background-color: rgb(46, 107, 46);"></td>
    <td style="background-color: rgb(61, 92, 61);"></td>
    <td style="background-color: rgb(77, 77, 77);"></td>
  </tr>
  <tr>
    <th>20%</th>
    <td style="background-color: rgb(0, 102, 0);"></td>
    <td style="background-color: rgb(10, 92, 10);"></td>
    <td style="background-color: rgb(20, 82, 20);"></td>
    <td style="background-color: rgb(31, 71, 31);"></td>
    <td style="background-color: rgb(41, 61, 41);"></td>
    <td style="background-color: rgb(51, 51, 51);"></td>
  </tr>
  <tr>
    <th>10%</th>
    <td style="background-color: rgb(0, 51, 0);"></td>
    <td style="background-color: rgb(5, 46, 5);"></td>
    <td style="background-color: rgb(10, 41, 10);"></td>
    <td style="background-color: rgb(15, 36, 15);"></td>
    <td style="background-color: rgb(20, 31, 20);"></td>
    <td style="background-color: rgb(26, 26, 26);"></td>
  </tr>
  <tr>
    <th>0%</th>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
  </tr>
  </tbody>
</table>
<!--rehype:className=show-header-->
</div></div></div><div class="wrap h3body-not-exist col-span-3"><div class="wrap-header h3wrap"><h3 id="150-green-cyans"><a aria-hidden="true" tabindex="-1" href="#150-green-cyans"><span class="icon icon-link"></span></a>150° Green-Cyans</h3><div class="wrap-body">
<!--rehype:wrap-class=col-span-3-->
<table style="font-size:12px;border-radius: 0.5rem;overflow: hidden;" class="show-header">
  <thead>
    <tr>
      <th></th>
      <th>100%</th>
      <th>80%</th>
      <th>60%</th>
      <th>40%</th>
      <th>20%</th>
      <th>0%</th>
    </tr>
  </thead>
  <tbody>
  <tr>
    <th>100%</th>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
  </tr>
  <tr>
    <th>90%</th>
    <td style="background-color: rgb(204, 255, 230);"></td>
    <td style="background-color: rgb(209, 250, 230);"></td>
    <td style="background-color: rgb(214, 245, 230);"></td>
    <td style="background-color: rgb(219, 240, 230);"></td>
    <td style="background-color: rgb(224, 235, 230);"></td>
    <td style="background-color: rgb(230, 230, 230);"></td>
  </tr>
  <tr>
    <th>80%</th>
    <td style="background-color: rgb(153, 255, 204);"></td>
    <td style="background-color: rgb(163, 245, 204);"></td>
    <td style="background-color: rgb(173, 235, 204);"></td>
    <td style="background-color: rgb(184, 224, 204);"></td>
    <td style="background-color: rgb(194, 214, 204);"></td>
    <td style="background-color: rgb(204, 204, 204);"></td>
  </tr>
  <tr>
    <th>70%</th>
    <td style="background-color: rgb(102, 255, 179);"></td>
    <td style="background-color: rgb(117, 240, 179);"></td>
    <td style="background-color: rgb(133, 224, 179);"></td>
    <td style="background-color: rgb(148, 209, 179);"></td>
    <td style="background-color: rgb(163, 194, 179);"></td>
    <td style="background-color: rgb(179, 179, 179);"></td>
  </tr>
  <tr>
    <th>60%</th>
    <td style="background-color: rgb(51, 255, 153);"></td>
    <td style="background-color: rgb(71, 235, 153);"></td>
    <td style="background-color: rgb(92, 214, 153);"></td>
    <td style="background-color: rgb(112, 194, 153);"></td>
    <td style="background-color: rgb(133, 173, 153);"></td>
    <td style="background-color: rgb(153, 153, 153);"></td>
  </tr>
  <tr>
    <th>50%</th>
    <td style="background-color: rgb(0, 255, 128);"></td>
    <td style="background-color: rgb(26, 230, 128);"></td>
    <td style="background-color: rgb(51, 204, 128);"></td>
    <td style="background-color: rgb(77, 179, 128);"></td>
    <td style="background-color: rgb(102, 153, 128);"></td>
    <td style="background-color: rgb(128, 128, 128);"></td>
  </tr>
  <tr>
    <th>40%</th>
    <td style="background-color: rgb(0, 204, 102);"></td>
    <td style="background-color: rgb(20, 184, 102);"></td>
    <td style="background-color: rgb(41, 163, 102);"></td>
    <td style="background-color: rgb(61, 143, 102);"></td>
    <td style="background-color: rgb(82, 122, 102);"></td>
    <td style="background-color: rgb(102, 102, 102);"></td>
  </tr>
  <tr>
    <th>30%</th>
    <td style="background-color: rgb(0, 153, 77);"></td>
    <td style="background-color: rgb(15, 138, 77);"></td>
    <td style="background-color: rgb(31, 122, 77);"></td>
    <td style="background-color: rgb(46, 107, 77);"></td>
    <td style="background-color: rgb(61, 92, 77);"></td>
    <td style="background-color: rgb(77, 77, 77);"></td>
  </tr>
  <tr>
    <th>20%</th>
    <td style="background-color: rgb(0, 102, 51);"></td>
    <td style="background-color: rgb(10, 92, 51);"></td>
    <td style="background-color: rgb(20, 82, 51);"></td>
    <td style="background-color: rgb(31, 71, 51);"></td>
    <td style="background-color: rgb(41, 61, 51);"></td>
    <td style="background-color: rgb(51, 51, 51);"></td>
  </tr>
  <tr>
    <th>10%</th>
    <td style="background-color: rgb(0, 51, 26);"></td>
    <td style="background-color: rgb(5, 46, 26);"></td>
    <td style="background-color: rgb(10, 41, 26);"></td>
    <td style="background-color: rgb(15, 36, 26);"></td>
    <td style="background-color: rgb(20, 31, 26);"></td>
    <td style="background-color: rgb(26, 26, 26);"></td>
  </tr>
  <tr>
    <th>0%</th>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
  </tr>
  </tbody>
</table>
<!--rehype:className=show-header-->
</div></div></div><div class="wrap h3body-not-exist col-span-3"><div class="wrap-header h3wrap"><h3 id="180-cyans"><a aria-hidden="true" tabindex="-1" href="#180-cyans"><span class="icon icon-link"></span></a>180° Cyans</h3><div class="wrap-body">
<!--rehype:wrap-class=col-span-3-->
<table style="font-size:12px;border-radius: 0.5rem;overflow: hidden;" class="show-header">
  <thead>
    <tr>
      <th></th>
      <th>100%</th>
      <th>80%</th>
      <th>60%</th>
      <th>40%</th>
      <th>20%</th>
      <th>0%</th>
    </tr>
  </thead>
  <tbody>
  <tr>
    <th>100%</th>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
  </tr>
  <tr>
    <th>90%</th>
    <td style="background-color: rgb(204, 255, 255);"></td>
    <td style="background-color: rgb(209, 250, 250);"></td>
    <td style="background-color: rgb(214, 245, 245);"></td>
    <td style="background-color: rgb(219, 240, 240);"></td>
    <td style="background-color: rgb(224, 235, 235);"></td>
    <td style="background-color: rgb(230, 230, 230);"></td>
  </tr>
  <tr>
    <th>80%</th>
    <td style="background-color: rgb(153, 255, 255);"></td>
    <td style="background-color: rgb(163, 245, 245);"></td>
    <td style="background-color: rgb(173, 235, 235);"></td>
    <td style="background-color: rgb(184, 224, 224);"></td>
    <td style="background-color: rgb(194, 214, 214);"></td>
    <td style="background-color: rgb(204, 204, 204);"></td>
  </tr>
  <tr>
    <th>70%</th>
    <td style="background-color: rgb(102, 255, 255);"></td>
    <td style="background-color: rgb(117, 240, 240);"></td>
    <td style="background-color: rgb(133, 224, 224);"></td>
    <td style="background-color: rgb(148, 209, 209);"></td>
    <td style="background-color: rgb(163, 194, 194);"></td>
    <td style="background-color: rgb(179, 179, 179);"></td>
  </tr>
  <tr>
    <th>60%</th>
    <td style="background-color: rgb(51, 255, 255);"></td>
    <td style="background-color: rgb(71, 235, 235);"></td>
    <td style="background-color: rgb(92, 214, 214);"></td>
    <td style="background-color: rgb(112, 194, 194);"></td>
    <td style="background-color: rgb(133, 173, 173);"></td>
    <td style="background-color: rgb(153, 153, 153);"></td>
  </tr>
  <tr>
    <th>50%</th>
    <td style="background-color: rgb(0, 255, 255);"></td>
    <td style="background-color: rgb(26, 230, 230);"></td>
    <td style="background-color: rgb(51, 204, 204);"></td>
    <td style="background-color: rgb(77, 179, 179);"></td>
    <td style="background-color: rgb(102, 153, 153);"></td>
    <td style="background-color: rgb(128, 128, 128);"></td>
  </tr>
  <tr>
    <th>40%</th>
    <td style="background-color: rgb(0, 204, 204);"></td>
    <td style="background-color: rgb(20, 184, 184);"></td>
    <td style="background-color: rgb(41, 163, 163);"></td>
    <td style="background-color: rgb(61, 143, 143);"></td>
    <td style="background-color: rgb(82, 122, 122);"></td>
    <td style="background-color: rgb(102, 102, 102);"></td>
  </tr>
  <tr>
    <th>30%</th>
    <td style="background-color: rgb(0, 153, 153);"></td>
    <td style="background-color: rgb(15, 138, 138);"></td>
    <td style="background-color: rgb(31, 122, 122);"></td>
    <td style="background-color: rgb(46, 107, 107);"></td>
    <td style="background-color: rgb(61, 92, 92);"></td>
    <td style="background-color: rgb(77, 77, 77);"></td>
  </tr>
  <tr>
    <th>20%</th>
    <td style="background-color: rgb(0, 102, 102);"></td>
    <td style="background-color: rgb(10, 92, 92);"></td>
    <td style="background-color: rgb(20, 82, 82);"></td>
    <td style="background-color: rgb(31, 71, 71);"></td>
    <td style="background-color: rgb(41, 61, 61);"></td>
    <td style="background-color: rgb(51, 51, 51);"></td>
  </tr>
  <tr>
    <th>10%</th>
    <td style="background-color: rgb(0, 51, 51);"></td>
    <td style="background-color: rgb(5, 46, 46);"></td>
    <td style="background-color: rgb(10, 41, 41);"></td>
    <td style="background-color: rgb(15, 36, 36);"></td>
    <td style="background-color: rgb(20, 31, 31);"></td>
    <td style="background-color: rgb(26, 26, 26);"></td>
  </tr>
  <tr>
    <th>0%</th>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
  </tr>
  </tbody>
</table>
<!--rehype:className=show-header-->
</div></div></div><div class="wrap h3body-not-exist col-span-3"><div class="wrap-header h3wrap"><h3 id="210-cyan-blues"><a aria-hidden="true" tabindex="-1" href="#210-cyan-blues"><span class="icon icon-link"></span></a>210° Cyan-Blues</h3><div class="wrap-body">
<!--rehype:wrap-class=col-span-3-->
<table style="font-size:12px;border-radius: 0.5rem;overflow: hidden;" class="show-header">
  <thead>
    <tr>
      <th></th>
      <th>100%</th>
      <th>80%</th>
      <th>60%</th>
      <th>40%</th>
      <th>20%</th>
      <th>0%</th>
    </tr>
  </thead>
  <tbody>
  <tr>
    <th>100%</th>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
  </tr>
  <tr>
    <th>90%</th>
    <td style="background-color: rgb(204, 230, 255);"></td>
    <td style="background-color: rgb(209, 230, 250);"></td>
    <td style="background-color: rgb(214, 230, 245);"></td>
    <td style="background-color: rgb(219, 230, 240);"></td>
    <td style="background-color: rgb(224, 230, 235);"></td>
    <td style="background-color: rgb(230, 230, 230);"></td>
  </tr>
  <tr>
    <th>80%</th>
    <td style="background-color: rgb(153, 204, 255);"></td>
    <td style="background-color: rgb(163, 204, 245);"></td>
    <td style="background-color: rgb(173, 204, 235);"></td>
    <td style="background-color: rgb(184, 204, 224);"></td>
    <td style="background-color: rgb(194, 204, 214);"></td>
    <td style="background-color: rgb(204, 204, 204);"></td>
  </tr>
  <tr>
    <th>70%</th>
    <td style="background-color: rgb(102, 179, 255);"></td>
    <td style="background-color: rgb(117, 179, 240);"></td>
    <td style="background-color: rgb(133, 179, 224);"></td>
    <td style="background-color: rgb(148, 179, 209);"></td>
    <td style="background-color: rgb(163, 179, 194);"></td>
    <td style="background-color: rgb(179, 179, 179);"></td>
  </tr>
  <tr>
    <th>60%</th>
    <td style="background-color: rgb(51, 153, 255);"></td>
    <td style="background-color: rgb(71, 153, 235);"></td>
    <td style="background-color: rgb(92, 153, 214);"></td>
    <td style="background-color: rgb(112, 153, 194);"></td>
    <td style="background-color: rgb(133, 153, 173);"></td>
    <td style="background-color: rgb(153, 153, 153);"></td>
  </tr>
  <tr>
    <th>50%</th>
    <td style="background-color: rgb(0, 128, 255);"></td>
    <td style="background-color: rgb(26, 128, 230);"></td>
    <td style="background-color: rgb(51, 128, 204);"></td>
    <td style="background-color: rgb(77, 128, 179);"></td>
    <td style="background-color: rgb(102, 128, 153);"></td>
    <td style="background-color: rgb(128, 128, 128);"></td>
  </tr>
  <tr>
    <th>40%</th>
    <td style="background-color: rgb(0, 102, 204);"></td>
    <td style="background-color: rgb(20, 102, 184);"></td>
    <td style="background-color: rgb(41, 102, 163);"></td>
    <td style="background-color: rgb(61, 102, 143);"></td>
    <td style="background-color: rgb(82, 102, 122);"></td>
    <td style="background-color: rgb(102, 102, 102);"></td>
  </tr>
  <tr>
    <th>30%</th>
    <td style="background-color: rgb(0, 77, 153);"></td>
    <td style="background-color: rgb(15, 77, 138);"></td>
    <td style="background-color: rgb(31, 77, 122);"></td>
    <td style="background-color: rgb(46, 77, 107);"></td>
    <td style="background-color: rgb(61, 77, 92);"></td>
    <td style="background-color: rgb(77, 77, 77);"></td>
  </tr>
  <tr>
    <th>20%</th>
    <td style="background-color: rgb(0, 51, 102);"></td>
    <td style="background-color: rgb(10, 51, 92);"></td>
    <td style="background-color: rgb(20, 51, 82);"></td>
    <td style="background-color: rgb(31, 51, 71);"></td>
    <td style="background-color: rgb(41, 51, 61);"></td>
    <td style="background-color: rgb(51, 51, 51);"></td>
  </tr>
  <tr>
    <th>10%</th>
    <td style="background-color: rgb(0, 26, 51);"></td>
    <td style="background-color: rgb(5, 26, 46);"></td>
    <td style="background-color: rgb(10, 26, 41);"></td>
    <td style="background-color: rgb(15, 26, 36);"></td>
    <td style="background-color: rgb(20, 26, 31);"></td>
    <td style="background-color: rgb(26, 26, 26);"></td>
  </tr>
  <tr>
    <th>0%</th>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
  </tr>
  </tbody>
</table>
<!--rehype:className=show-header-->
</div></div></div><div class="wrap h3body-not-exist col-span-3"><div class="wrap-header h3wrap"><h3 id="240-blues"><a aria-hidden="true" tabindex="-1" href="#240-blues"><span class="icon icon-link"></span></a>240° blues</h3><div class="wrap-body">
<!--rehype:wrap-class=col-span-3-->
<table style="font-size:12px;border-radius: 0.5rem;overflow: hidden;" class="show-header">
  <thead>
    <tr>
      <th></th>
      <th>100%</th>
      <th>80%</th>
      <th>60%</th>
      <th>40%</th>
      <th>20%</th>
      <th>0%</th>
    </tr>
  </thead>
  <tbody>
  <tr>
    <th>100%</th>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
  </tr>
  <tr>
    <th>90%</th>
    <td style="background-color: rgb(204, 204, 255);"></td>
    <td style="background-color: rgb(209, 209, 250);"></td>
    <td style="background-color: rgb(214, 214, 245);"></td>
    <td style="background-color: rgb(219, 219, 240);"></td>
    <td style="background-color: rgb(224, 224, 235);"></td>
    <td style="background-color: rgb(230, 230, 230);"></td>
  </tr>
  <tr>
    <th>80%</th>
    <td style="background-color: rgb(153, 153, 255);"></td>
    <td style="background-color: rgb(163, 163, 245);"></td>
    <td style="background-color: rgb(173, 173, 235);"></td>
    <td style="background-color: rgb(184, 184, 224);"></td>
    <td style="background-color: rgb(194, 194, 214);"></td>
    <td style="background-color: rgb(204, 204, 204);"></td>
  </tr>
  <tr>
    <th>70%</th>
    <td style="background-color: rgb(102, 102, 255);"></td>
    <td style="background-color: rgb(117, 117, 240);"></td>
    <td style="background-color: rgb(133, 133, 224);"></td>
    <td style="background-color: rgb(148, 148, 209);"></td>
    <td style="background-color: rgb(163, 163, 194);"></td>
    <td style="background-color: rgb(179, 179, 179);"></td>
  </tr>
  <tr>
    <th>60%</th>
    <td style="background-color: rgb(51, 51, 255);"></td>
    <td style="background-color: rgb(71, 71, 235);"></td>
    <td style="background-color: rgb(92, 92, 214);"></td>
    <td style="background-color: rgb(112, 112, 194);"></td>
    <td style="background-color: rgb(133, 133, 173);"></td>
    <td style="background-color: rgb(153, 153, 153);"></td>
  </tr>
  <tr>
    <th>50%</th>
    <td style="background-color: rgb(0, 0, 255);"></td>
    <td style="background-color: rgb(26, 26, 230);"></td>
    <td style="background-color: rgb(51, 51, 204);"></td>
    <td style="background-color: rgb(77, 77, 179);"></td>
    <td style="background-color: rgb(102, 102, 153);"></td>
    <td style="background-color: rgb(128, 128, 128);"></td>
  </tr>
  <tr>
    <th>40%</th>
    <td style="background-color: rgb(0, 0, 204);"></td>
    <td style="background-color: rgb(20, 20, 184);"></td>
    <td style="background-color: rgb(41, 41, 163);"></td>
    <td style="background-color: rgb(61, 61, 143);"></td>
    <td style="background-color: rgb(82, 82, 122);"></td>
    <td style="background-color: rgb(102, 102, 102);"></td>
  </tr>
  <tr>
    <th>30%</th>
    <td style="background-color: rgb(0, 0, 153);"></td>
    <td style="background-color: rgb(15, 15, 138);"></td>
    <td style="background-color: rgb(31, 31, 122);"></td>
    <td style="background-color: rgb(46, 46, 107);"></td>
    <td style="background-color: rgb(61, 61, 92);"></td>
    <td style="background-color: rgb(77, 77, 77);"></td>
  </tr>
  <tr>
    <th>20%</th>
    <td style="background-color: rgb(0, 0, 102);"></td>
    <td style="background-color: rgb(10, 10, 92);"></td>
    <td style="background-color: rgb(20, 20, 82);"></td>
    <td style="background-color: rgb(31, 31, 71);"></td>
    <td style="background-color: rgb(41, 41, 61);"></td>
    <td style="background-color: rgb(51, 51, 51);"></td>
  </tr>
  <tr>
    <th>10%</th>
    <td style="background-color: rgb(0, 0, 51);"></td>
    <td style="background-color: rgb(5, 5, 46);"></td>
    <td style="background-color: rgb(10, 10, 41);"></td>
    <td style="background-color: rgb(15, 15, 36);"></td>
    <td style="background-color: rgb(20, 20, 31);"></td>
    <td style="background-color: rgb(26, 26, 26);"></td>
  </tr>
  <tr>
    <th>0%</th>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
  </tr>
  </tbody>
</table>
<!--rehype:className=show-header-->
</div></div></div><div class="wrap h3body-not-exist col-span-3"><div class="wrap-header h3wrap"><h3 id="270-blue-magentas"><a aria-hidden="true" tabindex="-1" href="#270-blue-magentas"><span class="icon icon-link"></span></a>270° Blue-Magentas</h3><div class="wrap-body">
<!--rehype:wrap-class=col-span-3-->
<table style="font-size:12px;border-radius: 0.5rem;overflow: hidden;" class="show-header">
  <thead>
    <tr>
      <th></th>
      <th>100%</th>
      <th>80%</th>
      <th>60%</th>
      <th>40%</th>
      <th>20%</th>
      <th>0%</th>
    </tr>
  </thead>
  <tbody>
  <tr>
    <th>100%</th>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
  </tr>
  <tr>
    <th>90%</th>
    <td style="background-color: rgb(230, 204, 255);"></td>
    <td style="background-color: rgb(230, 209, 250);"></td>
    <td style="background-color: rgb(230, 214, 245);"></td>
    <td style="background-color: rgb(230, 219, 240);"></td>
    <td style="background-color: rgb(230, 224, 235);"></td>
    <td style="background-color: rgb(230, 230, 230);"></td>
  </tr>
  <tr>
    <th>80%</th>
    <td style="background-color: rgb(204, 153, 255);"></td>
    <td style="background-color: rgb(204, 163, 245);"></td>
    <td style="background-color: rgb(204, 173, 235);"></td>
    <td style="background-color: rgb(204, 184, 224);"></td>
    <td style="background-color: rgb(204, 194, 214);"></td>
    <td style="background-color: rgb(204, 204, 204);"></td>
  </tr>
  <tr>
    <th>70%</th>
    <td style="background-color: rgb(179, 102, 255);"></td>
    <td style="background-color: rgb(179, 117, 240);"></td>
    <td style="background-color: rgb(179, 133, 224);"></td>
    <td style="background-color: rgb(179, 148, 209);"></td>
    <td style="background-color: rgb(179, 163, 194);"></td>
    <td style="background-color: rgb(179, 179, 179);"></td>
  </tr>
  <tr>
    <th>60%</th>
    <td style="background-color: rgb(153, 51, 255);"></td>
    <td style="background-color: rgb(153, 71, 235);"></td>
    <td style="background-color: rgb(153, 92, 214);"></td>
    <td style="background-color: rgb(153, 112, 194);"></td>
    <td style="background-color: rgb(153, 133, 173);"></td>
    <td style="background-color: rgb(153, 153, 153);"></td>
  </tr>
  <tr>
    <th>50%</th>
    <td style="background-color: rgb(128, 0, 255);"></td>
    <td style="background-color: rgb(128, 26, 230);"></td>
    <td style="background-color: rgb(128, 51, 204);"></td>
    <td style="background-color: rgb(128, 77, 179);"></td>
    <td style="background-color: rgb(128, 102, 153);"></td>
    <td style="background-color: rgb(128, 128, 128);"></td>
  </tr>
  <tr>
    <th>40%</th>
    <td style="background-color: rgb(102, 0, 204);"></td>
    <td style="background-color: rgb(102, 20, 184);"></td>
    <td style="background-color: rgb(102, 41, 163);"></td>
    <td style="background-color: rgb(102, 61, 143);"></td>
    <td style="background-color: rgb(102, 82, 122);"></td>
    <td style="background-color: rgb(102, 102, 102);"></td>
  </tr>
  <tr>
    <th>30%</th>
    <td style="background-color: rgb(77, 0, 153);"></td>
    <td style="background-color: rgb(77, 15, 138);"></td>
    <td style="background-color: rgb(77, 31, 122);"></td>
    <td style="background-color: rgb(77, 46, 107);"></td>
    <td style="background-color: rgb(77, 61, 92);"></td>
    <td style="background-color: rgb(77, 77, 77);"></td>
  </tr>
  <tr>
    <th>20%</th>
    <td style="background-color: rgb(51, 0, 102);"></td>
    <td style="background-color: rgb(51, 10, 92);"></td>
    <td style="background-color: rgb(51, 20, 82);"></td>
    <td style="background-color: rgb(51, 31, 71);"></td>
    <td style="background-color: rgb(51, 41, 61);"></td>
    <td style="background-color: rgb(51, 51, 51);"></td>
  </tr>
  <tr>
    <th>10%</th>
    <td style="background-color: rgb(26, 0, 51);"></td>
    <td style="background-color: rgb(26, 5, 46);"></td>
    <td style="background-color: rgb(26, 10, 41);"></td>
    <td style="background-color: rgb(26, 15, 36);"></td>
    <td style="background-color: rgb(26, 20, 31);"></td>
    <td style="background-color: rgb(26, 26, 26);"></td>
  </tr>
  <tr>
    <th>0%</th>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
  </tr>
  </tbody>
</table>
<!--rehype:className=show-header-->
</div></div></div><div class="wrap h3body-not-exist col-span-3"><div class="wrap-header h3wrap"><h3 id="300-magentas"><a aria-hidden="true" tabindex="-1" href="#300-magentas"><span class="icon icon-link"></span></a>300° Magentas</h3><div class="wrap-body">
<!--rehype:wrap-class=col-span-3-->
<table style="font-size:12px;border-radius: 0.5rem;overflow: hidden;" class="show-header">
  <thead>
    <tr>
      <th></th>
      <th>100%</th>
      <th>80%</th>
      <th>60%</th>
      <th>40%</th>
      <th>20%</th>
      <th>0%</th>
    </tr>
  </thead>
  <tbody>
  <tr>
    <th>100%</th>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
  </tr>
  <tr>
    <th>90%</th>
    <td style="background-color: rgb(255, 204, 255);"></td>
    <td style="background-color: rgb(250, 209, 250);"></td>
    <td style="background-color: rgb(245, 214, 245);"></td>
    <td style="background-color: rgb(240, 219, 240);"></td>
    <td style="background-color: rgb(235, 224, 235);"></td>
    <td style="background-color: rgb(230, 230, 230);"></td>
  </tr>
  <tr>
    <th>80%</th>
    <td style="background-color: rgb(255, 153, 255);"></td>
    <td style="background-color: rgb(245, 163, 245);"></td>
    <td style="background-color: rgb(235, 173, 235);"></td>
    <td style="background-color: rgb(224, 184, 224);"></td>
    <td style="background-color: rgb(214, 194, 214);"></td>
    <td style="background-color: rgb(204, 204, 204);"></td>
  </tr>
  <tr>
    <th>70%</th>
    <td style="background-color: rgb(255, 102, 255);"></td>
    <td style="background-color: rgb(240, 117, 240);"></td>
    <td style="background-color: rgb(224, 133, 224);"></td>
    <td style="background-color: rgb(209, 148, 209);"></td>
    <td style="background-color: rgb(194, 163, 194);"></td>
    <td style="background-color: rgb(179, 179, 179);"></td>
  </tr>
  <tr>
    <th>60%</th>
    <td style="background-color: rgb(255, 51, 255);"></td>
    <td style="background-color: rgb(235, 71, 235);"></td>
    <td style="background-color: rgb(214, 92, 214);"></td>
    <td style="background-color: rgb(194, 112, 194);"></td>
    <td style="background-color: rgb(173, 133, 173);"></td>
    <td style="background-color: rgb(153, 153, 153);"></td>
  </tr>
  <tr>
    <th>50%</th>
    <td style="background-color: rgb(255, 0, 255);"></td>
    <td style="background-color: rgb(230, 26, 230);"></td>
    <td style="background-color: rgb(204, 51, 204);"></td>
    <td style="background-color: rgb(179, 77, 179);"></td>
    <td style="background-color: rgb(153, 102, 153);"></td>
    <td style="background-color: rgb(128, 128, 128);"></td>
  </tr>
  <tr>
    <th>40%</th>
    <td style="background-color: rgb(204, 0, 204);"></td>
    <td style="background-color: rgb(184, 20, 184);"></td>
    <td style="background-color: rgb(163, 41, 163);"></td>
    <td style="background-color: rgb(143, 61, 143);"></td>
    <td style="background-color: rgb(122, 82, 122);"></td>
    <td style="background-color: rgb(102, 102, 102);"></td>
  </tr>
  <tr>
    <th>30%</th>
    <td style="background-color: rgb(153, 0, 153);"></td>
    <td style="background-color: rgb(138, 15, 138);"></td>
    <td style="background-color: rgb(122, 31, 122);"></td>
    <td style="background-color: rgb(107, 46, 107);"></td>
    <td style="background-color: rgb(92, 61, 92);"></td>
    <td style="background-color: rgb(77, 77, 77);"></td>
  </tr>
  <tr>
    <th>20%</th>
    <td style="background-color: rgb(102, 0, 102);"></td>
    <td style="background-color: rgb(92, 10, 92);"></td>
    <td style="background-color: rgb(82, 20, 82);"></td>
    <td style="background-color: rgb(71, 31, 71);"></td>
    <td style="background-color: rgb(61, 41, 61);"></td>
    <td style="background-color: rgb(51, 51, 51);"></td>
  </tr>
  <tr>
    <th>10%</th>
    <td style="background-color: rgb(51, 0, 51);"></td>
    <td style="background-color: rgb(46, 5, 46);"></td>
    <td style="background-color: rgb(41, 10, 41);"></td>
    <td style="background-color: rgb(36, 15, 36);"></td>
    <td style="background-color: rgb(31, 20, 31);"></td>
    <td style="background-color: rgb(26, 26, 26);"></td>
  </tr>
  <tr>
    <th>0%</th>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
  </tr>
  </tbody>
</table>
<!--rehype:className=show-header-->
</div></div></div><div class="wrap h3body-not-exist col-span-3"><div class="wrap-header h3wrap"><h3 id="330-magenta-reds"><a aria-hidden="true" tabindex="-1" href="#330-magenta-reds"><span class="icon icon-link"></span></a>330° Magenta-Reds</h3><div class="wrap-body">
<!--rehype:wrap-class=col-span-3-->
<table style="font-size:12px;border-radius: 0.5rem;overflow: hidden;" class="show-header">
  <thead>
    <tr>
      <th></th>
      <th>100%</th>
      <th>80%</th>
      <th>60%</th>
      <th>40%</th>
      <th>20%</th>
      <th>0%</th>
    </tr>
  </thead>
  <tbody>
  <tr>
    <th>100%</th>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
    <td style="background-color: rgb(255, 255, 255);"></td>
  </tr>
  <tr>
    <th>90%</th>
    <td style="background-color: rgb(255, 204, 230);"></td>
    <td style="background-color: rgb(250, 209, 230);"></td>
    <td style="background-color: rgb(245, 214, 230);"></td>
    <td style="background-color: rgb(240, 219, 230);"></td>
    <td style="background-color: rgb(235, 224, 230);"></td>
    <td style="background-color: rgb(230, 230, 230);"></td>
  </tr>
  <tr>
    <th>80%</th>
    <td style="background-color: rgb(255, 153, 204);"></td>
    <td style="background-color: rgb(245, 163, 204);"></td>
    <td style="background-color: rgb(235, 173, 204);"></td>
    <td style="background-color: rgb(224, 184, 204);"></td>
    <td style="background-color: rgb(214, 194, 204);"></td>
    <td style="background-color: rgb(204, 204, 204);"></td>
  </tr>
  <tr>
    <th>70%</th>
    <td style="background-color: rgb(255, 102, 179);"></td>
    <td style="background-color: rgb(240, 117, 179);"></td>
    <td style="background-color: rgb(224, 133, 179);"></td>
    <td style="background-color: rgb(209, 148, 179);"></td>
    <td style="background-color: rgb(194, 163, 179);"></td>
    <td style="background-color: rgb(179, 179, 179);"></td>
  </tr>
  <tr>
    <th>60%</th>
    <td style="background-color: rgb(255, 51, 153);"></td>
    <td style="background-color: rgb(235, 71, 153);"></td>
    <td style="background-color: rgb(214, 92, 153);"></td>
    <td style="background-color: rgb(194, 112, 153);"></td>
    <td style="background-color: rgb(173, 133, 153);"></td>
    <td style="background-color: rgb(153, 153, 153);"></td>
  </tr>
  <tr>
    <th>50%</th>
    <td style="background-color: rgb(255, 0, 128);"></td>
    <td style="background-color: rgb(230, 26, 128);"></td>
    <td style="background-color: rgb(204, 51, 128);"></td>
    <td style="background-color: rgb(179, 77, 128);"></td>
    <td style="background-color: rgb(153, 102, 128);"></td>
    <td style="background-color: rgb(128, 128, 128);"></td>
  </tr>
  <tr>
    <th>40%</th>
    <td style="background-color: rgb(204, 0, 102);"></td>
    <td style="background-color: rgb(184, 20, 102);"></td>
    <td style="background-color: rgb(163, 41, 102);"></td>
    <td style="background-color: rgb(143, 61, 102);"></td>
    <td style="background-color: rgb(122, 82, 102);"></td>
    <td style="background-color: rgb(102, 102, 102);"></td>
  </tr>
  <tr>
    <th>30%</th>
    <td style="background-color: rgb(153, 0, 77);"></td>
    <td style="background-color: rgb(138, 15, 77);"></td>
    <td style="background-color: rgb(122, 31, 77);"></td>
    <td style="background-color: rgb(107, 46, 77);"></td>
    <td style="background-color: rgb(92, 61, 77);"></td>
    <td style="background-color: rgb(77, 77, 77);"></td>
  </tr>
  <tr>
    <th>20%</th>
    <td style="background-color: rgb(102, 0, 51);"></td>
    <td style="background-color: rgb(92, 10, 51);"></td>
    <td style="background-color: rgb(82, 20, 51);"></td>
    <td style="background-color: rgb(71, 31, 51);"></td>
    <td style="background-color: rgb(61, 41, 51);"></td>
    <td style="background-color: rgb(51, 51, 51);"></td>
  </tr>
  <tr>
    <th>10%</th>
    <td style="background-color: rgb(51, 0, 26);"></td>
    <td style="background-color: rgb(46, 5, 26);"></td>
    <td style="background-color: rgb(41, 10, 26);"></td>
    <td style="background-color: rgb(36, 15, 26);"></td>
    <td style="background-color: rgb(31, 20, 26);"></td>
    <td style="background-color: rgb(26, 26, 26);"></td>
  </tr>
  <tr>
    <th>0%</th>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
    <td style="background-color: rgb(0, 0, 0);"></td>
  </tr>
  </tbody>
</table>
<!--rehype:className=show-header-->
</div></div></div></div></div><div class="wrap h2body-not-exist"><div class="wrap-header h2wrap"><h2 id="另见"><a aria-hidden="true" tabindex="-1" href="#另见"><span class="icon icon-link"></span></a>另见</h2><div class="wrap-body">
<ul>
<li><a href="./css.html">CSS 备忘清单</a></li>
<li><a href="https://www.w3.org/TR/css-color-4/#named-colors">Named Colors</a> <em>(w3.org)</em></li>
</ul>
</div></div><div class="h2wrap-body"></div></div></div></div><footer class="footer-wrap"><footer class="max-container">© 2022 Kenny Wang.</footer></footer><script src="..\/data.js?v=1.4.1" defer></script><script src="..\/js/fuse.min.js?v=1.4.1" defer></script><script src="..\/js/main.js?v=1.4.1" defer></script><div id="mysearch"><div class="mysearch-box"><div class="mysearch-input"><div><svg xmlns="http://www.w3.org/2000/svg" height="1em" width="1em" viewBox="0 0 18 18">
  <path fill="currentColor" d="M17.71,16.29 L14.31,12.9 C15.4069846,11.5024547 16.0022094,9.77665502 16,8 C16,3.581722 12.418278,0 8,0 C3.581722,0 0,3.581722 0,8 C0,12.418278 3.581722,16 8,16 C9.77665502,16.0022094 11.5024547,15.4069846 12.9,14.31 L16.29,17.71 C16.4777666,17.8993127 16.7333625,18.0057983 17,18.0057983 C17.2666375,18.0057983 17.5222334,17.8993127 17.71,17.71 C17.8993127,17.5222334 18.0057983,17.2666375 18.0057983,17 C18.0057983,16.7333625 17.8993127,16.4777666 17.71,16.29 Z M2,8 C2,4.6862915 4.6862915,2 8,2 C11.3137085,2 14,4.6862915 14,8 C14,11.3137085 11.3137085,14 8,14 C4.6862915,14 2,11.3137085 2,8 Z"></path>
</svg><input id="mysearch-input" type="search" placeholder="搜索" autocomplete="off"><div class="mysearch-clear"></div></div><button id="mysearch-close" type="button">搜索</button></div><div class="mysearch-result"><div id="mysearch-menu"></div><div id="mysearch-content"></div></div></div></div></body>
</html>
